// 头部 1
#new_header {
    background: #FFFFFF;
    border-bottom: 1px solid #F3F5F6;

    &.fix-header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 900;
        box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1);
    }

    .new-header {
        width: 1152px;
        margin: 0 auto;
        height: 63px;

        .nav-item {

            line-height: 63px;
            font-size: 16px;

            li {
                padding: 0 12px;
                float: left;

                a:hover {
                    color: rgb(10, 10, 10);

                }

                .icn-new {
                    position: absolute;
                    display: inline-block;
                    top: 18px;
                    width: 14px;
                    height: 10px;
                    background: url("../img/new2.png") no-repeat 0 0;
                    background-size: 100%;
                    background-position: center;
                }

            }
        }

        .header-right {
            float: right;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 63px;

            // 搜索框部分
            .search-box {
                position: relative;
                margin-right: 24px;
                font-size: 16px;
                line-height: 40px;
                transition: all .3s;

                // 搜索框矢量图大小
                i {
                    font-size: 25px;
                    vertical-align: middle;
                }

                i:hover {
                    color: rgb(236, 14, 14);
                }

                // 输入搜索页面
                .input-search {
                    padding: 0;
                    position: relative;
                    margin-right: 0;

                    .input-box {
                        width: 240px;
                        box-sizing: border-box;
                        background: #F3F5F6;
                        border-radius: 4px;

                        input {
                            color: #1C1F21;
                            display: inline-block;
                            width: 200px;
                            height: 32px;
                            line-height: 32px;
                            box-sizing: border-box;
                            padding-left: 12px;
                            background: transparent;
                            font-size: 14px;

                        }
                    }

                    .nav-search-box {
                        width: 240px;
                        position: absolute;
                        top: 52px;
                        left: 0;
                        background: #fff;

                        z-index: 10;
                        box-shadow: 0 8px 16px 0 #d7dfd1db;

                        .hot {
                            padding: 12px 0 8px 12px;
                            box-sizing: border-box;

                            .hot-item {
                                background: rgba(84, 92, 99, 0.1);
                                border-radius: 12px;
                                padding: 4px 12px;
                                line-height: 16px;
                                margin-right: 4px;
                                margin-bottom: 4px;
                                display: inline-block;
                                cursor: pointer;
                                font-size: 12px;
                                color: #545C63;
                            }

                            .hot-box a:hover {
                                background-color: rgb(236, 228, 228);
                                color: #000;
                            }
                        }

                        h2 {
                            font-size: 12px;
                            color: #1C1F21;
                            line-height: 12px;
                            margin-bottom: 8px;
                            font-weight: bold;
                        }

                        // 点击清空搜索数据
                        .history {
                            border-top: 1px solid rgba(28, 31, 33, 0.1);
                            padding: 12px 0 0;
                            box-sizing: border-box;

                            h2 {
                                margin-left: 12px;

                                .history-clear {
                                    font-size: 12px;
                                    color: #9199A1;
                                    line-height: 12px;
                                    float: right;
                                    margin-right: 12px;
                                    font-weight: normal;
                                }

                                // 悬浮清空按钮变色
                                .history-clear:hover {
                                    color: rgb(182, 178, 178);
                                }
                            }
                        }
                    }

                }

            }


            // 标题收藏夹部分
            .header-favorites {

                position: relative;
                margin-right: 24px;
                font-size: 16px;
                line-height: 40px;

                a:hover {
                    color: #F01414;

                }

                .favorites-tips {
                    display: none;
                    position: absolute;
                    bottom: -54px;
                    left: -170%;
                    width: 270px;
                    padding: 12px 20px;
                    color: #545C63;
                    background-color: #fff;
                    box-shadow: 0 8px 16px 0 #d7dfd1db;
                    border-radius: 8px;
                    font-size: 12px;
                    line-height: 1;
                    text-align: center;
                    z-index: 10;


                    b {
                        font-size: 16px;
                        color: #F01414;
                    }
                }


            }


            // 矢量图购物车部分
            .shop-cart {

                position: relative;
                margin-right: 24px;
                font-size: 16px;
                line-height: 40px;

                // 旁边0部分
                a {

                    // 购物车矢量图的大小
                    .icon-gouwuchekong {
                        font-size: 20px;
                        color: #000;
                    }

                    .icon-gouwuchekong:hover {
                        color: red;
                    }

                    //旁边的0
                    // 代表点击购买数量  购买才显示
                    .shopping_icon {
                        display: none;
                        position: absolute;
                        font-size: 12px;
                        padding: 0 4px;
                        line-height: 12px;
                        background: rgba(240, 20, 21, 0.7);
                        border: 2px;
                        color: #fff;
                    }
                }

                //隐藏购物车信息部分
                .my-cart {
                    top: 53px;
                    right: 0;
                    display: none;
                    width: 344px;
                    padding: 0 16px;
                    position: absolute;
                    background: #fff;
                    box-sizing: border-box;
                    z-index: 100;
                    box-shadow: 0 8px 16px 0#c5c5c2;
                    border: 8px;

                    // 我的购物车部分
                    .cart-title-box {
                        display: flex;
                        padding: 4px 12px;
                        border-bottom: 1px solid #D3D6D9;

                        // 间隔
                        justify-content: space-between;

                        h2 {
                            font-weight: bold;
                            font-size: 14px;
                            color: #1C1F21;
                        }

                        h5 {
                            font-size: 12px;
                            color: #9199A1;
                        }
                    }

                    // 购物车购买数量产品信息
                    .cart-wrap {

                        // 不同课程
                        .clear-cart {
                            height: 264px;
                            text-align: center;
                            margin-top: 30px;

                            .icon-gouwuchekong {
                                font-size: 20px;
                                color: rgb(223, 217, 217);
                            }

                            // h3 text 共用样式
                            h3,
                            .text {
                                line-height: 24px;
                            }


                            h3 {
                                font-size: 14px;
                                color: #545C63;
                            }

                            .text {
                                margin-bottom: 8px;
                                font-size: 12px;
                                color: #9199A1;
                            }

                            p {
                                color: rgb(240, 16, 16);
                            }
                        }

                    }

                    // 我的订单中心
                    .more-box {
                        display: flex;
                        padding: 16px 12px;
                        justify-content: space-between;
                        border-top: 1px solid #D3D6D9;

                        .show-box {
                            line-height: 32px;
                            font-size: 12px;

                            a:hover {
                                color: #000;
                            }
                        }

                        .go-cart:hover {
                            background-color: #f20d0d;
                            border-color: #f20d0d;
                            opacity: 1;
                        }

                        .go-cart {
                            transition: all .3s;
                            width: 50px;
                            color: #fff;
                            font-size: 12px;
                            line-height: 16px;
                            padding: 8px 16px;
                            background: rgba(240, 20, 20, 0.8);
                            border-radius: 16px;
                            border: none;
                            text-align: center;
                        }
                    }
                }

            }

            //   登录注册
            #login-area {
                padding: 4px;

                .header-unlogin {
                    .header-signin {
                        a {
                            font-size: 16px;
                            color: #545C63;
                        }

                        a:hover {
                            color: red;
                        }
                    }
                }
            }
        }
    }
}

// 头部2

#sub-header {
    width: 100%;
    height: 70px;
    background: #fff;
    padding: 8px 0;

    .sub-container {
        max-width: 1088px;
        height: 100%;
        margin: 0 auto;

        // 搜索感兴趣知识文章部分
        .search-warp {
            float: right;
            width: 320px;
            position: relative;
            height: 36px;
            background: #fff;
            border-radius: 4px;
            border: 1px solid rgba(84, 92, 99, .2);
            padding-right: 36px;
            margin: 12px 12px;
            box-sizing: border-box;

            .search-area {
                padding: 0;
                margin: 0;
                border-radius: inherit;

                input.search-input {
                    width: 100%;
                    height: 34px;
                    line-height: 20px;
                    padding: 0px 16px;
                    font-size: 12px;
                    color: #9199a1;
                    border-radius: inherit;
                }


            }

            .showhide-search {
                position: absolute;
                right: 0;
                top: 0;
                font-size: 24px;
                line-height: 24px;
                padding: 5px 9px;
                border-radius: 0;
                border-top-right-radius: 4px;
                border-bottom-right-radius: 4px;
                background: #545c63;

                i {
                    display: block;
                    height: 24px;
                    color: #fff;
                    cursor: pointer;
                    font-size: 18px;
                    line-height: 24px;
                    width: 20px;
                }
            }
        }

        // 写文章
        .operate-area {
            float: right;
            margin: 12px;
            position: relative;
            left: 450px;

            .btn {
                display: inline-block;
                width: 90px;
                height: 36px;
                padding: 8px 24px;
                color: #fff;
                font-size: 14px;
                border-radius: 4px;
                box-sizing: border-box;
                background: #37f;
            }
        }
    }
}


// 中间
#main {
    padding: 22px;

    .article {
        // padding-top: 24px;
        width: 1088px;
        margin: 0 auto;



        // 左菜单 
        .left_menu {
            width: 104px;
            margin-right: 24px;
            text-align: center;
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 8px 0 rgba(164, 164, 165, 0.37);

            .m_item {

                line-height: 20px;
                border-radius: 6px;
                box-sizing: border-box;
                padding: 8px 0;
                font-size: 14px;
                position: relative;
                margin: 8px;

                .label-box-wrap {
                    padding-left: 10px;
                    box-sizing: border-box;
                    width: 285px;
                    z-index: 2;
                    position: absolute;
                    left: 86px;
                    top: 0;
                    display: none;
                    background: 0 0;
                }

                .label-box {
                    display: flex;
                    flex-wrap: wrap;
                    width: 380px;
                    padding: 16px 0 4px 16px;
                    box-sizing: border-box;
                    background: #fff;
                    box-shadow: 0 4px 8px 0 rgba(28, 31, 33, 0.2);
                    border-radius: 8px;

                    .label {
                        margin-right: 16px;
                        margin-bottom: 12px;
                        font-size: 14px;
                        color: #545c63;
                        font-weight: 400;
                        transition: all .3s;
                    }

                    .label:hover {
                        color: #37f;
                    }
                }

            }

            .m_item-especially:hover .label-box-wrap {
                display: block;
            }

            .m_item-especially {
                width: 88px;
                padding: 8px 8px;
            }

            .m_item:hover {
                color: #000;
            }
        }



        // 中心列表
        .centerlist {
            width: 656px;
            position: relative;

            .r {
                float: right;
            }

            .l {
                float: left;
            }

            // 1
            .bannerBox {
                width: 100%;
                margin-bottom: 16px;

                .leftImg {
                    width: 456px;
                    height: 200px;
                    position: relative;
                    border-radius: 12px 0 0 12px;
                    overflow: hidden;
                }

                .rightImg {
                    width: 196px;
                    height: 200px;

                    .topImg {
                        position: relative;
                        height: 98px;
                        width: 100%;
                        border-radius: 0 12px 0 0;
                        overflow: hidden;
                        margin-bottom: 4px;

                        img {
                            width: 100%;
                            height: 100%;
                            border-radius: 0 12px 0 0;
                        }
                    }

                }


                .bottomImg {
                    position: relative;
                    height: 98px;
                    width: 100%;
                    border-radius: 0 0 12px 0;
                    overflow: hidden;
                }

                img {
                    width: 100%;
                    height: 100%;
                }
            }

            // 2 下边数据页面
            .article-wrapper {
                background: #fff;
                overflow: hidden;
                border-radius: 12px;
                box-shadow: 0 4px 8px 0 rgba(28, 31, 33, 0.1);

                .padding-block {
                    padding: 5px 0;
                }

                .article-lwrap {
                    padding: 0 4px;
                    box-sizing: border-box;
                    display: flex;

                    // 图片
                    .imgCon {
                        width: 66px;
                        height: 66px;
                        border-radius: 8px;
                        margin: 8px 16px 6px 16px;

                        img {
                            width: 100%;
                            height: 100%;
                            border-radius: 8px;
                        }
                    }

                    // 文字
                    .list-content {
                        width: 534px;
                        height: 77px;
                        padding-top: 10px;
                        border-bottom: 1px solid rgba(28, 31, 33, .1);
                        position: relative;

                        // 文字上 
                        .title a {
                            font-weight: 700;
                            margin-bottom: 4px;
                            font-size: 16px;
                            color: #1c1f21;
                            line-height: 30px;
                            word-break: keep-all;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }

                        .title a:hover {
                            color: #37f;
                        }

                        // 文字收藏中间
                        .collect {
                            position: absolute;
                            top: 14px;
                            right: 0;
                            font-size: 14px;
                            color: #37f;
                            font-weight: 700;
                            opacity: 0;
                            cursor: pointer;
                            transition: all .3s;
                        }


                        //  文字下 
                        .list-bottom {
                            width: 100%;
                            height: 24px;


                            // 文字部分
                            .labels-area {
                                max-width: 460px;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                display: flex;

                                .moco-label {
                                    margin-right: 16px;
                                    padding: 4px 12px;
                                    font-size: 12px;
                                    color: #000;
                                    line-height: 16px;
                                    background: rgba(84, 92, 99, 0.1);
                                    transition: all .3s;
                                    border-radius: 12px;
                                    cursor: pointer;

                                }

                                .moco-label:hover {
                                    background: rgba(84, 92, 99, 0.219);
                                }

                                // 
                                .browseNum {
                                    margin-right: 16px;
                                    font-size: 12px;
                                    color: #9199a1;
                                    line-height: 18px;
                                    padding-top: 3px;

                                    i {
                                        padding-right: 4px;
                                        font-size: 16px;

                                    }
                                }

                                // 
                                .nickName {
                                    margin-right: 16px;
                                    font-size: 12px;
                                    color: #9199a1;

                                    cursor: pointer;
                                    padding-top: 4px;
                                }

                                // 
                                .skill {
                                    padding-top: 3px;
                                    color: #9199a1;

                                    a {
                                        font-size: 12px;
                                    }

                                    i {
                                        color: #9199a1;
                                        font-size: 12px;
                                        vertical-align: middle;
                                    }
                                }
                            }

                            // 时间
                            .createTime {
                                font-size: 12px;
                                color: #9199a1;
                                line-height: 18px;
                                padding-top: 3px;
                            }
                        }
                    }

                    .list-content:hover .collect {
                        opacity: 1;
                    }

                }
            }
        }

    }

    //  3 右边侧边栏
    #carefully_selected {
        width: 280px;
        float: right;

        // 两张背景图
        .carefully_selected {


            .sevenImg {
                width: 100%;
                height: 56px;
                background: url('../img/seven.png') no-repeat top left;
                background-size: cover;
                margin-bottom: 8px;
                border-radius: 10px;

            }

            .thirtyImg {
                width: 100%;
                height: 56px;
                background: url('../img/thirty.png') no-repeat top left;
                background-size: cover;
                margin-bottom: 8px;
                border-radius: 10px;
            }

        }

        //  慕课专栏 
        .column_recommend {
            width: 100%;
            margin-top: 24px;

            &.js-fixed {
                position: fixed;
                top: 35px;
                background: #f8fafc;
                width: 280px;
            }

            .title {
                font-weight: 700;
                font-size: 16px;
                line-height: 24px;
                margin-bottom: 16px;
                color: #1c1f21;
                position: relative;

                .more {
                    float: right;
                    font-size: 12px;
                    color: #9199a1;
                    line-height: 24px;
                    cursor: pointer;

                    i {
                        font-size: 12px;
                        color: #9199a1;
                        cursor: pointer
                    }
                }
            }


            .img {
                width: 70px;
                height: 98px;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                border-radius: 10px;
                position: relative;
                margin-right: 12px;
            }

            .text_con {
                width: 198px;
                padding-top: 4px;
                height: 106px;
                box-sizing: border-box;
                border-bottom: 1px solid rgba(28, 31, 33, .1);

                .title {
                    font-weight: 700;
                    font-size: 14px;
                    color: #545c63;
                    line-height: 20px;
                }
            }

            .info {
                margin-bottom: 4px;

                span {
                    font-size: 12px;
                    color: #9199a1;

                    line-height: 18px;
                }

                i {
                    font-size: 12px;
                    color: #9199a1;
                    line-height: 18px;
                    padding: 0 4px;
                }
            }

            .price_con {
                .ori {
                    font-size: 12px;
                    color: #9199a1;
                    line-height: 24px;
                }

                .goBuy {
                    padding: 0 12px;
                    height: 24px;
                    font-weight: 700;
                    font-size: 12px;
                    color: #37f;
                    line-height: 24px;
                    background: rgba(51, 119, 255, .1);
                    border-radius: 12px;
                    margin-right: 16px;
                }
            }
        }


        // 推荐作者
        .recommended_author {
            margin: 24px auto 0;
            overflow: hidden;

            &.hide {
                display: none;
            }

            // 作者列表
            .clearfix-lb {
                h3 {
                    font-size: 16px;
                    color: #07111b;
                    line-height: 24px;
                    font-weight: 700;
                    position: relative;
                }

                .more {
                    font-size: 12px;
                    color: #9199a1;
                    line-height: 24px;
                    cursor: pointer;

                    i {
                        font-size: 12px;
                        color: #9199a1;
                        line-height: 18px;
                        padding: 0 4px;
                    }
                }
            }

            // 作者信息
            // ul列表 
            .personList {
                margin-top: 16px;

                //  ul列表 
                .personList-xx {

                    // li列表
                    .person {
                        width: 100%;
                        height: 48px;
                        margin-bottom: 16px;

                        // 作者头像部分
                        .imgCon-neme {
                            display: flex;
                            justify-content: space-evenly;

                            // 作者头像大小
                            .imgCon {
                                img {
                                    width: 48px;
                                    height: 48px;
                                    border-radius: 50%;
                                }
                            }

                            // 姓名
                            .text {
                                margin-left: 16px;

                                .name {
                                    max-width: 150px;
                                    font-weight: 700;
                                    font-size: 14px;
                                    color: #383d42;
                                    margin-bottom: 2px;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    cursor: pointer;
                                }

                                span {
                                    font-size: 12px;
                                    color: #9199a1;
                                    cursor: pointer;
                                }

                                span:last-child {
                                    margin-left: 24px;
                                }
                            }

                            // 关注
                            .follow {
                                height: 24px;
                                padding: 0 12px;
                                font-size: 12px;
                                border-radius: 12px;
                                transition: all .3s;
                                cursor: pointer;

                                i.icon-jiahao1 {
                                    font-size: 10px;
                                    top: 1px;
                                    position: relative;
                                }

                            }

                            // 按钮悬浮变样式
                            .follow:hover {
                                background: #37f;
                                color: #fff;
                            }
                        }
                    }
                }
            }
        }

        // 悬浮显示作者部分
        .xftb {
            top: 50%;
            left: 50%;
            margin: 0px -78px;

            .moco-usercard-dialog {

                width: 340px;
                height: 308px;
                border-radius: 4px;
                z-index: 1000;

                background-color: #fff;
                box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.24);
                display: flex;

                .moco-usercard-headialog {
                    width: 100%;
                    height: 136px;
                    background: url('../img/author_dialogbk.png') no-repeat 0 0;
                    text-align: center;

                    // 头像
                    .moco-usercard-head {
                        margin-top: 20px;

                        img {
                            border-radius: 20px;
                            width: 40px;
                            height: 40px;
                        }

                    }

                    // 作者网名
                    .fs16 {
                        font-size: 16px;
                        font-weight: 700;

                    }

                    .bold {
                        color: #fff;
                        margin-top: 9px;
                    }

                    // 小图片
                    .fs17 {
                        a {
                            .moco-Usercard-Signicon {
                                display: inline-block;
                                margin-left: 2px;
                                top: 4px;
                                height: 21px;
                                width: 20px;
                                background-image: url('../img/user-info-icon-little.png');
                                background-repeat: no-repeat;
                                position: relative;
                                background-position: 0 -18px;
                            }

                            .schoolboy {
                                display: inline-block;
                                margin-left: 2px;
                                top: 4px;
                                height: 21px;
                                width: 20px;
                                background-image: url('../img/user-info-icon-little.png');
                                background-repeat: no-repeat;
                                position: relative;
                                background-position: 0 -40px;
                            }
                        }
                    }

                    // 作者职业
                    .fs12 {
                        font-size: 12px;
                        min-height: 20px;
                        margin-top: 4px;

                        .moco-usercard-gender {
                            display: inline-block;
                            width: 16px;
                            height: 16px;
                            background: url('../img/secret.png') no-repeat;
                            vertical-align: -3px;
                            margin-right: 10px
                        }

                        .moco-usercard-boy {
                            display: inline-block;
                            width: 16px;
                            height: 16px;
                            background: url('../img/gender.png') no-repeat;
                            vertical-align: -3px;
                            background-position: 0 0;
                            margin-right: 10px
                        }
                    }

                    // 自我介绍
                    .fs12-qm {
                        color: #93999f;
                        margin-bottom: 14px;
                        max-height: 46px;
                        width: 308px;
                        white-space: pre-line;
                        overflow: hidden;
                        margin-left: 17px;
                        text-overflow: ellipsis;
                    }


                    // 作者手记
                    .moco-usercard-detail-left {
                        display: flex;
                        justify-content: space-evenly;
                        font-size: 15px;
                        color: #4d555d
                    }

                    // 关注
                    .pl30 {
                        color: #fff;
                        background-color: #5cb85c;
                        border-color: #4cae4c;
                        padding: 0 30px;
                        display: inline-block;
                        border: none;
                        border-radius: 2px;
                        line-height: 40px;
                    }

                    .mt20 {
                        cursor: pointer;
                        margin-top: 20px;

                    }

                }

            }
        }
    }
}

// 底部
#footer {
    background: #fff;
    border-top: 1px solid #f3f5f6;
    font-size: 12px;
    color: #93999F;
    padding: 36px 0;
    min-width: 620px;
    position: relative;
    z-index: 21;
    font-weight: 300;

    .waper {
        width: auto 0;
        max-width: 1152px;
        margin: 0 auto;
        display: flex;

        // 4个矢量图部分 
        .followus {
            display: flex;
            padding-left: 30px;

            // 公共样式
            .followus-favorites,
            .followus-weixin,
            .followus-weibo,
            .followus-qzone {
                position: relative;
                width: 32px;
                height: 32px;
                text-align: center;
                background: #B7BBBF;
                border-radius: 100px;
                position: relative;
                margin-right: 24px;
                transition: all .2s;
            }

            // 矢量图公共样式
            .followus-weixin .icon-weixin2,
            .followus-weibo .icon-weibo,
            .followus-qzone .icon-qq {
                color: #fff;
                font-size: 20px;
                line-height: 30px;
            }

            // <!-- 收藏 -->
            .followus-favorites {
                background-image: none;
                background: #545C63;
                opacity: 1;

                .icon-pingjia-xianxing3-0 {
                    color: #fff;
                    font-size: 20px;
                    line-height: 30px;
                }

                .favorites-tips {
                    display: none;
                    position: absolute;
                    bottom: 50px;
                    left: 50%;
                    width: 250px;
                    padding: 12px 20px;
                    margin-left: -140px;
                    color: #545C63;
                    background-color: #fff;
                    box-shadow: 0 -8px 16px 0 rgba(7, 17, 27, 0.2);
                    border-top-left-radius: 8px;
                    border-top-right-radius: 8px;
                    transition: all .2s;
                    font-size: 12px;
                    line-height: 1;

                    .icon-pingjia-xianxing3-0 {
                        font-size: 14px;
                        color: #545C63;
                        line-height: 1;
                    }

                    b {
                        font-size: 16px;
                        color: #F01414;
                        font-weight: 700;
                    }
                }
            }

            .followus-favorites:hover .favorites-tips {
                display: block;
            }

            .followus-favorites:hover {
                background: red;
            }

            .followus-weixin:hover {
                background: #545C63;
            }

            .followus-weibo:hover {
                background: #545C63;
            }

            .followus-qzone:hover {
                background: #545C63;
            }

            // 微信
            .followus-weixin {
                .flw-weixin-box {
                    position: absolute;
                    display: none;
                    width: 160px;
                    height: 200px;
                    left: -62px;
                    bottom: 40px;
                    background: url('../img/elevator2.png') no-repeat;
                    background-size: 100%;
                    background-position: center;
                    box-shadow: 0 -8px 16px 0 rgba(7, 17, 27, 0.2);
                    border-radius: 8px;
                }
            }

            .followus-weixin:hover .flw-weixin-box {
                display: block;
            }
        }

        // 文字部分
        .footer_intro {
            .footer_link {
                margin-bottom: 8px;
                line-height: 1.8;

                ul {
                    overflow: hidden;
                    margin-top: -1px;

                    li {
                        margin-right: 27px;
                        text-align: center;
                        float: left;
                        font-size: 14px;
                        color: #545C63;
                    }
                }
            }

            .beian {
                background: url('../img/beianicon.png') no-repeat 0 0;
                width: 16px;
                height: 16px;
                vertical-align: middle;
                background-size: cover;
                display: inline-block;
                margin-right: 4px;
                margin-top: -4px
            }
        }

    }
}

// 固定
.elevator {
    position: fixed;
    padding: 0 16px;
    top: 55%;
    margin-top: -140px;
    right: 0;
    z-index: 899;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1);
    border-radius: 8px 0 0 8px;

    a {
        position: relative;
        display: block;
        width: 26px;
        height: 56px;
        font-size: 22px;
        line-height: 20px;
        color: #b5b9bc;
        box-sizing: border-box;
        text-align: center;
        transition: all .3s;

        i {
            font-size: 24px;
            line-height: 56px;
            color: #d9dde1;
        }

        span {
            display: none;
            padding: 14px 0;
            font-size: 12px;
            color: #07111b;
            line-height: 14px;

        }





    }

    a+a:after {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -12px;
        content: '';
        width: 24px;
        border: 1px solid #f3f5f7;
    }

    .elevator-app-box {
        position: absolute;
        width: 172px;
        height: 212px;
        bottom: -2px;
        right: 56px;
        background: url('../img/elevator.png') no-repeat 0 -220px;
        display: inline-block;
        transition: all .3s;
        display: none;
    }

    .elevator-weixin-box {
        position: absolute;
        width: 172px;
        height: 212px;
        bottom: -4px;
        right: 56px;
        display: inline-block;
        transition: all .3s;
        background: url('../img/elevator.png') no-repeat 0 0;
        display: none;
    }

    // 悬浮事件
    .elevator-msg:hover span {
        display: block;
    }

    .elevator-msg:hover i {
        display: none;
    }

    .elevator-faq:hover span {
        display: block;
    }

    .elevator-faq:hover i {
        display: none;
    }

    .elevator-app:hover span {
        display: block;
    }

  
    .elevator-app:hover i {
        display: none;
    }

    .elevator-weixin:hover span {
        display: block;
    }

  
    .elevator-weixin:hover i {
        display: none;
    }
}

// 登录注册
.Seite {
    position: fixed;
    top: 0;
    z-index: 100000;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 80px;
}

// 登录注册背景阴影 
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    opacity: .75;
}